<template>
    <div class="liveCard">
        <el-image :src="props.src" />
        <div>{{props.text}}</div>
        <div>货号：{{ props.goodsNum }}</div>
    </div>
</template>

<script setup lang="ts">
const props = defineProps({
    "src": String,
    "text": String,
    "goodsNum": String
})
</script>
<style scoped lang="scss">
.liveCard {
    padding-bottom: 20px;
    .el-image {
        width: 393px;
        height: 393px;
        border-radius: 20px;
    }

    &>:nth-child(2) {
        font-size: 14px;
        line-height: 35px;
        font-weight: bold;
    }

    &>:nth-child(3) {
        font-size: 14px;
        line-height: 35px;
        color: #5B5B5B;
    }
}
</style>